<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>新东莞培训机构教学系统</title>
  <link rel="stylesheet" href="static/layui/css/layui.css">
  <style>
  	.character-2{
  		font-weight : bold;
  		text-align:center;
  		font-size:80px;
  	}
  	.character-1{
  		font-weight : bold;
  		color: #1E9FFF;
  	}

  </style>
</head>
<body class="layui-layout-body" >
<div class="layui-layout layui-layout-admin" >
  <div class="layui-header layui-bg-blue">
    <div class="layui-logo layui-bg-blue">新东莞培训机构教学系统</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left layui-bg-blue">
      <li class="layui-nav-item"><a href="Homepage.jsp">首页</a></li>
      <li class="layui-nav-item layui-this"><a href="Classespage.jsp">课程</a></li>
      <li class="layui-nav-item"><a href="Newspage.jsp">新闻</a></li>
    </ul>
    <ul class="layui-nav layui-layout-right layui-bg-blue">
	
      <li class="layui-nav-item">	
      	<li class="layui-nav-item"><a href="Login.jsp">登录</a></li>
      	<li class="layui-nav-item"><a href="">学员注册</a></li>
      </li>
    </ul>
  </div>
  

	
  
  <div class="layui-body ">
  <div class="layui-col-md10">
  <br><br>
  	<h1 class="character-2">培训课程</h1>
  	</div>
  	<HR align=center width=1100 color=#987cb9 SIZE=3>
  	<br><br><br>
  <div class="layui-col-md10">
  	<div class="layui-carousel" id="top">
			  <div carousel-item>
			    <div><img alt="" width="100%" height="100%" src="picture/class1.png"></div>
			    <div><img alt="" width="100%" height="100%" src="picture/class2.png"></div>
			    <div><img alt="" width="100%" height="100%" src="picture/class1.png"></div>
			    <div><img alt="" width="100%" height="100%" src="picture/class2.png"></div>
			  </div>
	  </div>
	</div>
	
	<br><br><HR align=center width=1100 color=#987cb9 SIZE=3><br>
    <div class="layui-row layui-col-space30">
		
		<div class="layui-col-md10 layui-col-space30">
			<div class="layui-row ">
				<h3 class="character-1">学TOEFL</h3><br>
				专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你 祝你畅行北美专业为你 祝你畅行北美....<br>
			</div>
			<div class="layui-row ">
				<h3 class="character-1">Python零基础速成</h3><br>
				升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不是梦升职加薪不是梦升职加薪不是梦升职加薪不是梦....<br>
			</div>
			<div class="layui-row ">
				<h3 class="character-1">考研全科</h3><br>
				梦想不息 研值加一梦想不息 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研值加一梦想不息 研值加一梦想不息 研值加一....<br>
			</div>
			<div class="layui-row ">
				<h3 class="character-1">中小学1对1</h3><br>
				定制适合自己的课程定制适合自己的课程定制适合自己的课程定制适合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课程....<br>
			</div>
			<div class="layui-row ">
				<h3 class="character-1">学TOEFL</h3><br>
				专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你 祝你畅行北美专业为你 祝你畅行北美....<br>
			</div>
			<div class="layui-row ">
				<h3 class="character-1">Python零基础速成</h3><br>
				升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不是梦升职加薪不是梦升职加薪不是梦升职加薪不是梦....<br>
			</div>
			<div class="layui-row ">
				<h3 class="character-1">考研全科</h3><br>
				梦想不息 研值加一梦想不息 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研值加一梦想不息 研值加一梦想不息 研值加一....<br>
			</div>
			<div class="layui-row ">
				<h3 class="character-1">中小学1对1</h3><br>
				定制适合自己的课程定制适合自己的课程定制适合自己的课程定制适合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课程....<br>
			</div>
			<div class="layui-row ">
				<h3 class="character-1">学TOEFL</h3><br>
				专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你专业为你 祝你畅行北美专业为你 祝你畅行北美专业为你 祝你畅行北美....<br>
			</div>
			<div class="layui-row ">
				<h3 class="character-1">Python零基础速成</h3><br>
				升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不升职加薪不是梦升职加薪不是梦升职加薪不是梦升职加薪不是梦升职加薪不是梦....<br>
			</div>
			<div class="layui-row ">
				<h3 class="character-1">考研全科</h3><br>
				梦想不息 研值加一梦想不息 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研 研值加一梦想不息 研值加一梦想不息 研值加一梦想不息 研值加一....<br>
			</div>
			<div class="layui-row ">
				<h3 class="character-1">中小学1对1</h3><br>
				定制适合自己的课程定制适合自己的课程定制适合自己的课程定制适合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课合自己的课程....<br>
			</div>

			
		</div>
		
		<div class="layui-col-md2">

		</div>
	</div>
	

  </div>
  
</div>


<script src="static/layui/layui.js"></script>
<script>
//JavaScript代码区域
layui.use(['element','carousel'], function(){
  var element = layui.element,
  carousel = layui.carousel;
  
  carousel.render({
	    elem: '#news'
	    ,width: '100%' //设置容器宽度
	    ,arrow: 'always' //始终显示箭头
	    ,height: '400px'
	    //,anim: 'updown' //切换动画方式
	});
  
  carousel.render({
	    elem: '#top'
	    ,width: '100%' //设置容器宽度
	    ,arrow: 'always' //始终显示箭头
	    ,height: '400px'
	    //,anim: 'updown' //切换动画方式
	});
  
  carousel.render({
	    elem: '#class'
	    ,width: '100%' //设置容器宽度
	    ,arrow: 'always' //始终显示箭头
	    ,height: '400px'
	  });
});
</script>
</body>
</html>